<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>事件分析</title>
	<link rel="stylesheet" type="text/css" href="../css/base.css">
	<link rel="stylesheet" href="../css/css3.css">
	<script src="../js/jquery.1.7.2.js"></script>
	<script src="../js/base.js"></script>
	<script src="../My97DatePicker/WdatePicker.js"></script>
</head>
<body>
	<!-- header -->
	<div class="header">
		<#include "../common/header.ftl"/>
	</div>
	<!-- e header -->
	<!-- main -->
	<div class="main wrap Analysis Event">
		<div class="event-col-sub">
			<ul>
				<li><a class="topLink on" href="#href1">事件说明</a></li>
				<li><a class="topLink" href="#href2">事件脉络</a></li>
				<li><a class="topLink" href="#href3">热度指数</a></li>
				<li><a class="topLink" href="#href4">热度指数趋势</a></li>
				<li><a class="topLink" href="#href5">人群画像</a></li>
				<li><a class="topLink a2" href="#href5">情绪地图</a></li>
				<li><a class="topLink" href="#href6">关键词</a></li>
				<li><a class="topLink" href="#href7">关联词</a></li>
				<li><a class="topLink" href="#href8">传播途径</a></li>
				<li><a class="topLink" href="#href9">媒体来源</a></li>
			</ul>
		</div>
		<div class="col-main">
			<div id="href1" class="con-1">
				<div class="title"><h2>我的事件分析</h2></div>
				<div class="group">
					<h3>喜迎十九大——改革·印记</h3>
					<a class="dy">订阅</a>
					<div class="data">
						<span class="hot"><em>热度指数：</em>487859 <i class="down">-0.19</i></span>
						<span><em>主要情绪：</em>中性</span>
						<span><em>全网信息：</em>23586745058</span>
					</div>
					<div class="txt">十八大以来历史性变革系列述评:改革强军新突破强国必强军，强军必改革。人民军队在党的强军思想引领下波澜壮阔的发展历程激荡人心。人民军队在党的强军思想引领下波澜壮阔的发展历程激荡人心。</div>
				</div>
			</div>
			<div id="href2" class="layout con-2">
				<h3>事件脉络</h3>
				<div class="group">
					<ul class="row-1">
						<li>
							<h4>3月3日</h4>
							<div class="info">小组会议讨论政府工作报告</div>
						</li>
						<li>
							<h4>3月4日</h4>
							<div class="info">小组会议讨论政府工作报告</div>
						</li>
						<li>
							<h4>3月5日</h4>
							<div class="info">小组会议讨论政府工作报告</div>
						</li>
						<li class="row1-4">
							<h4>3月6日</h4>
							<div class="info">小组会议讨论政府工作报告</div>
						</li>
						<li>
							<h4>3月7日</h4>
							<div class="info">小组会议讨论审议“十三五”规划纲要草案</div>
						</li>
					</ul>
					<ul class="row-2">
						<li>
							<h4>3月8日</h4>
							<div class="info">政协上午9时界别联组会议</div>
						</li>
					</ul>
					<ul class="row-3">
						<li class="row3-1">
							<h4>3月9日</h4>
							<div class="info">小组会议讨论政府工作报告</div>
						</li>
						<li class="row3-2">
							<h4>3月10日</h4>
							<div class="info">小组会议讨论政府工作报告</div>
						</li>
						<li class="row3-3">
							<h4>3月11日</h4>
							<div class="info">小组会议讨论政府工作报告</div>
						</li>
						<li class="row3-4">
							<h4>3月12日</h4>
							<div class="info">3月12日政协小组讨论政协全国委员会2016年协商计划</div>
						</li>
						<li class="row3-5">
							<h4>3月13日</h4>
							<div class="info">小组会议讨论审议“十三五”规划纲要草案</div>
						</li>
						<li class="row3-6">
							<h4>3月14日</h4>
							<div class="info">小组会议讨论计划报告和预算报告</div>
						</li>
					</ul>
					<ul class="row-4">
						<li>
							<h4>3月15日</h4>
							<div class="info">小组会议讨论审议“十三五”规划纲要草案</div>
						</li>
						<li>
							<h4>3月16日</h4>
							<div class="info">政协上午9时界别联组会议</div>
						</li>
					</ul>
				</div>
			</div>
			<div id="href3" class="layout con-3">
				<div class="title t2">
					<h3>热度指数</h3>
					<div class="right-time">
						<em>24小时</em>
						<i>|</i>
						<em>72小时</em>
						<input class="Wdate" type="text" value="2017-09-09" onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd'})">
						<em>至</em>
						<input class="Wdate" type="text" value="2017-09-10" onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd'})">
					</div>
				</div>
				<div class="charts c26">
					<img src="img2/c7.jpg" alt="">
				</div>
			</div>
			<div id="href4" class="layout con-3">
				<div class="title t2">
					<h3>热度指数趋势</h3>
					<div class="right-time">
						<em>24小时</em>
						<i>|</i>
						<em>72小时</em>
						<input class="Wdate" type="text" value="2017-09-09" onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd'})">
						<em>至</em>
						<input class="Wdate" type="text" value="2017-09-10" onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd'})">
					</div>
				</div>
				<div class="group">
					<div class="charts c26">
						<img src="img2/c8.jpg" alt="">
					</div>
					<div class="info">从热度指数的变化趋势来看，清华大学的热度在12月26日 10时达到了57.37的峰值。</div>
				</div>
			</div>
			<div id="href5" class="layout con-3">
				<div class="title t2"><h3>人群画像</h3></div>
				<div class="group g1">
					<div class="clearfix top">
						<div class="fl">
							<h4>年龄分布：</h4>
							<div class="charts"><img src="img2/c91.jpg" alt=""></div>
						</div>
						<div class="fr">
							<h4>性别分布：</h4>
							<div class="charts"><img src="img2/c92.jpg" alt=""></div>
						</div>
					</div>
					<div class="bottom">
						<h4>地域分布：</h4>
						<div class="charts"><img src="img2/c9.jpg" alt=""></div>
					</div>
				</div>
			</div>
			<div id="href6" class="layout con-3">
				<div class="title t2"><h3>关键词</h3></div>
				<div class="group">
					<div class="abelBox">
						<a href="">汽车之家易</a>
						<a size="25" href="">网头条新闻安</a>  <!-- 此处size手动固定文字大小 -->
						<a href="">客火车票</a>
						<a size="22" href="">儿网百</a>   <!-- 此处size手动固定文字大小 -->
						<a href="">家易</a>
						<a href="">搜家饰</a>
						<a href="">游网在线教</a>
						<a href="">搜家饰</a>
						<a href="">花盆人</a>
						<a href="">搜家戏特价旅饰</a>
						<a href="">汽车之家易</a>
						<a href="">网头条新闻安</a>
						<a href="">客火车票</a>
						<a href="">儿网百</a>
						<a href="">家易</a>
						<a href="">搜家饰</a>
						<a href="">游网在线教</a>
						<a href="">搜家饰</a>
						<a href="">花盆人</a>
						<a href="">搜家戏特价旅饰</a>
						<a href="">搜家戏特价旅饰</a>
						<a href="">汽车之家易</a>
						<a href="">网头条新闻安</a>
						<a href="">客火车票</a>
						<a href="">儿网百</a>
						<a href="">家易</a>
						<a href="">搜家饰</a>
						<a href="">游网在线教</a>
						<a href="">搜家饰</a>
						<a href="">花盆人</a>
						<a href="">搜家戏特价旅饰</a>
					</div>
					<script>
                        var key = $('.abelBox a');
                        var color = ['#F1B496','#F18D00','#B9A7AF'];
                        var size;
                        key.each(function () {
                            size = $(this).attr('size');
                            $(this).css({
                                'font-size': (size ? size*1 : random(12,25)),
                                'color' : color[random(0,color.length)],
                                'top' : (((random(0,10)%3==2) || (random(0,10)%3==3)) && (random(-6,6)))
                            })
                        });
                        function random(min,max) {
                            return (Math.floor(Math.random()*(max-min))+ min);
                        }
					</script>
				</div>
			</div>
			<div id="href7" class="layout con-3">
				<div class="title t2"><h3>关联词</h3></div>
				<div class="charts c24"><img src="img2/c10.jpg" alt=""></div>
			</div>
			<div id="href8" class="layout con-3">
				<div class="title t2"><h3>传播路径</h3></div>
				<div class="charts c25"><img src="img2/c11.jpg" alt=""></div>
			</div>
			<div id="href9" class="layout con-3">
				<div class="title t2"><h3>媒体来源</h3></div>
				<div class="group g2 clearfix">
					<div class="fl">
						<h4>媒体来源占比</h4>
						<div class="charts"><img src="img2/c6.jpg" alt=""></div>
					</div>
					<div class="fr">
						<h4>媒体活跃度</h4>
						<div class="charts"><img src="img2/c6a.jpg" alt=""></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- e main -->
	<!-- footer -->
	<#include "../common/footer.ftl">
	<!-- e footer -->
	<script>
        $(document).ready(function() {
            var obj =  $("a.topLink");
            obj.click(function() {
                obj.removeClass('on');
                $(this).addClass('on');
                var top = $($(this).attr("href")).offset().top;
                if($(this).hasClass('a2')){
                    top += 370;
                }
                $("html, body").animate({
                    scrollTop: top + "px"
                }, {
                    duration: 500,
                    easing: "swing"
                });
                return false;
            });
        });
	</script>

</body>
</html>